body {
	width: 100%;
	height: 100%;
    background-color:#E3E3E3;
    direction:rtl;
}
#mainDiv{
    position:relative;
	width: 100%;
}
#wrapper {
    width:980px;/*remove to use liquid layout*/
 	margin: 0 auto;
    padding-top:170px;/*when fixed header*/
    min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
    width:980px; /*same as warapper*/
	height: 170px;/*remove to make variable height header*/
	background-color: #FFFFFF;
    position:fixed;
    top:0px;
    z-index:10000;
}
/* Logo
-----------------------------------------------------------------------------*/
#logo {
    float:right;
    padding:10px;
    height:100px;
}
/* Account
-----------------------------------------------------------------------------*/
#account {
    float:right;
    width:200px;
}
/* Language
-----------------------------------------------------------------------------*/
#language {
    float:right;
}




/* Middle
-----------------------------------------------------------------------------*/
#middle {
    min-height:434px; /*minimum height for content*/
    background-color:#F0F8FF;
    border:1px solid #ADD8E6;
    padding:10px 10px 50px 10px;/*bottom padding used for footer height*/
}
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
	float: left;
	width: 180px;
    padding:10px;
    margin-right: -200px; /*same as width*/

   
    display:none;/* remove to show side left*/
}

#container {
	float: left;
    /*padding-left:200px;*/     /* used for side left width and padding*/
    padding-right:200px;/**/    /* used for side right width and padding*/
}
/* Navigation
-----------------------------------------------------------------------------*/
#navigation {
}
/* Content
-----------------------------------------------------------------------------*/
#content {
}

/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
	float: left;
	width: 180px;
    padding:10px;
    margin-left: -200px; /*same as width*/

   
    /*display:none; remove to show side right*/
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
    position:absolute;/*u can change to absolute*/
    bottom:0px;
    width:100%;
}
.copyRight {
    width:980px; /*same as divmain*/
    height: 35px;/*+padding same as padding bottom in middle */
    margin:0px auto;
    padding-top:15px;
    color:#FFFFFF;
    background-color: #DD3A2F;
    text-align:center;
}

/* NormalFlow
-----------------------------------------------------------------------------*/
.normalFlow {
    float:right;
}

/* OppsiteNormalFlow
-----------------------------------------------------------------------------*/
.oppsiteNormalFlow {
    float:left;
}

/* clearFlow
-----------------------------------------------------------------------------*/
.clearFlow {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}


